/*
 * jQuery.selectBoxIt.css 0.9.0
 * Author: @gregfranko
 */

/* Div container holding the dropdown list */
#currencySelectorSelectBoxItContainer {
  display: inline-block;
  /* Hack for IE 6 and 7 to allow inline-block to work */
  *display: inline;
  zoom: 1;
}

/* Dropdown List Box */
#currencySelectorSelectBoxIt {
  height: 30px; /* Height of the select box */
  cursor:pointer;
  white-space:nowrap;
  /* Provide a background image here if you want to use an image for the down arrow */
}

/* Dropdown List Box and Dropdown Options List  */
#currencySelectorSelectBoxIt, #currencySelectorSelectBoxItOptions {
  width: 280px; /* Width of the dropdown list box and dropdown list options*/
}

/* Dropdown list Default Icon Positioning */
#currencySelectorSelectBoxItDefaultIcon {
  float: left;
}

/* Dropdown List Box Text */
#currencySelectorSelectBoxItText {
  font: 14px Helvetica, Arial;
  text-indent: 5px;
  line-height: 30px;
  overflow:hidden;
  float:left;
  white-space:nowrap;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* Dropdown List Options List*/
#currencySelectorSelectBoxItOptions { 
  max-height: 180px; /* A vertical scrollbar appears if your select box options are taller than this */
  font: 14px Helvetica, Arial;
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  overflow:auto;
  cursor:pointer;
  display:none;
  z-index:99999;
  outline:none;
}

/* Dropdown List Individual Options */
#currencySelectorSelectBoxItOptions li, #currencySelectorSelectBoxItOptions .optgroupHeader {
  line-height: 30px; /* Height of Individual Select Box Options */
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  overflow:hidden;
  white-space:nowrap;
  list-style:none;
}

/* Dropdown List Optgroup Headers */
#currencySelectorSelectBoxItOptions .optgroupHeader {
  font-weight: bold;
}

/* Dropdown List Optgroup Options */
#currencySelectorSelectBoxItOptions .optgroupOption {
  text-indent: 20px;
}

/* Dropdown List Optgroup Header hover psuedo class */
#currencySelectorSelectBoxItOptions .optgroupHeader[data-disabled='true']:hover {
  cursor: default;
} 

/* Dropdown List Down Arrow Container (if an image is not used) */
#currencySelectorSelectBoxItArrowContainer {
  /* Positions the down arrow */
  width: 30px;
  float:right;
}

/* Dropdown List Down Arrow */
#currencySelectorSelectBoxItArrow {
  /* Horizontally centers the down arrow */
  margin-right:auto;
  margin-left:auto;
}

/* Dropdown List Individual Option Icon Positioning */
#currencySelectorSelectBoxItOptions li span {
  float:left;
}